import React, {Component} from 'react';
import {withRouter,Link, Switch, Route} from 'react-router-dom'
import Loading from "./../loading"//加载中样式
import $ from 'jquery'
import { Layout, Menu,  Icon ,Button,Table, Form, Divider, Modal,Input,Radio} from 'antd';


import "../../static/systemSetup/system-base.styl"
import "../../static/systemSetup/system-notice.styl"

export default class SystemNotice extends React.Component{
     //第一次渲染后的函数
     componentDidMount(){
        $('.default').trigger("focus")
      }
    render(){
        return(
            <div className="container">
              <Loading className="loadingPage"/>
               <div className="btns" style={{"justify-content": "space-between"}}>
                   <div className="btnsLeft">
                        <p>时间：</p>
                        <Button className="default" >今日</Button>
                        <Button>昨日</Button>
                        <Button>近3日</Button>
                        <Button>近7日</Button>
                        <Button>自定义</Button>
                   </div>
                    <a href="javascript:;">全部标记为已读</a>
                </div>
                <div className="infos">
                    <div className="infoBox">
                       <div className="infoTop">
                           <div className="infioLeft">
                                <span>蚂蚁金服设计平台简介</span>
                                <button value="已读">已读</button>
                           </div>
                           <i style={{"font-style": "normal","color": "#9ba2ab"}}>2018-08-08</i>
                       </div>
                       <p style={{"color": "#9ba2ab"}}>
                       面向政务、娱乐、媒体等行业，通过利用人脸识别、文字识别、图像识别、视频识别等AI技术帮助监控和处理富媒体类视频舆情信息，全面掌握互联网舆情数据,体验戳此：http://yuqing.17312232332.com/saas/ai/video。
                        合作请联系yuqing-help@17312232332.com
                       </p>
                    </div>
                    <div className="infoBox">
                       <div className="infoTop">
                           <div className="infioLeft">
                                <span>蚂蚁金服设计平台简介</span>
                           </div>
                           <i style={{"font-style": "normal","color": "#9ba2ab"}}>2018-08-08</i>
                       </div>
                       <p style={{"color": "#9ba2ab"}}>
                       面向政务、娱乐、媒体等行业，通过利用人脸识别、文字识别、图像识别、视频识别等AI技术帮助监控和处理富媒体类视频舆情信息，全面掌握互联网舆情数据,体验戳此：http://yuqing.17312232332.com/saas/ai/video。
                        合作请联系yuqing-help@17312232332.com
                       </p>
                    </div>
                </div>
            </div>
        );
    }
}